<!doctype html>
<html>
	<head>
		<meta charset="utf-8">
		<title>沙河乡村</title>
		<script src="https://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script>

		<!-- Swiper JS -->
		<script src="./static/js/swiper.min.js"></script>
		<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
		<!-- Link Swiper's CSS -->
		<link rel="stylesheet" href="./static/css/swiper.min.css">
		<meta name="format-detection" content="telephone=no">
		<meta name="renderer" content="webkit">
		<meta http-equiv="Cache-Control" content="no-siteapp" />
		<link rel="alternate icon" type="image/png" href="assets/i/favicon.png">

		<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
		<script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa"
		 crossorigin="anonymous"></script>
		<!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
		<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u"
		 crossorigin="anonymous">
		<style>
			* {
				box-sizing: border-box;
				font-size: 0.99em;
			}

			body {
				margin: 0;
				font-family: 微软雅黑;
			}
			a{
			text-decoration:none;
			color:#333;
			}

		
		header {
			padding-top: 0.4em;
			height: 2.1em;
			/* line-height: 2.1em width: 100%; */
			color: #fff;
			/* font-weight: 600; */
			font-size: 0.95em;
			/*背景色渐变*/
			background: linear-gradient(to bottom right, #e51a14, #e51a14);
		}

			#content {
				/* background: linear-gradient(to bottom right, #f5f454, #fbd1b7); */
			}

			.menu {
				display: block;
				position: fixed;
				bottom: 0;
				width: 100%;
				height: 3.8em;
				color: #474747;
				padding-top: 10px;
				border-top: 1px solid #eee;
				background-color: #fff;
			}

			.subMenu {
				width: 20%;
				float: left;
				cursor: pointer;
			}

			.menu_name {
				height: 1.2em;
				width: 100%;
				line-height:  1.2em;
				font-size: 0.8em;
			}

			img.menu_img {
				height: 24px;
				width: 24px;
			}

				img {
					vertical-align: middle;
					border: 0;
				}


				.text-center {
					text-align: center
				}
		</style>

	</head>
	<body>
		<header class="text-center">
			<div class="container-fluid">
			  <div class="row">
				<div class="col-xs-2 col-md-1"><span>桥西</span>
					<span><img src="" alt=""></span></div>
			     <div class="col-xs-7 col-md-8">沙河乡村管理系统</div>
			    <div class="col-xs-3  col-md-1">王小名</div>
			  </div>
			</div>
		</header>

		<div id="content">
			<!-- Demo styles -->
			<style>
				.headlunbo {
					/* height: 15em; */
					width: 100%;
					background-color: #007AFF;
				}

				.swiper-container {
					width: 100%;
					height: 100%;
					margin: auto;
				}

				.swiper-slide {
					text-align: center;
					font-size: 18px;
					background: #fff;
					/* Center slide text vertically */
					display: -webkit-box;
					display: -ms-flexbox;
					display: -webkit-flex;
					display: flex;
					-webkit-box-pack: center;
					-ms-flex-pack: center;
					-webkit-justify-content: center;
					justify-content: center;
					-webkit-box-align: center;
					-ms-flex-align: center;
					-webkit-align-items: center;
					align-items: center;
				}

				.img_b {
					width: 100%;
					height: 100%;
				}

				.tabbable {
					line-height: 1.2em;
					padding-top: 0em;
				}

				.tab_t {
					font-weight: 600;
					font-size: 1.2em;
					margin-top: 0.7em;
					margin-left: 1.2em;
					padding-bottom: 0.6em;
				}

				.pa_t {
					position: relative;
				}

				.pa_t>li {
					width: 7em;
					/* background-color: #007AFF; */

				}

				.tab_t>a {
					color: #343434 !important;
					;
					text-decoration: none;
				}

				.active {
					/* color: #43a1f8 !important; */
					/* border-bottom: 0.2px solid #007AFF;
					 /* background-color: #4ea2f2; */
				  
				}

				.active::after {
					content: '';
					width: 20%;
					display: block;
					margin: 0 auto;
					border-bottom: 0.3em solid #007AFF;
				}

				.active2::after {
					border-bottom: 0em solid #007AFF;
				}
			</style>

			<div id="imfo">
				<div class="headlunbo">
					<!-- Swiper -->
					<div class="swiper-container">
						<div class="swiper-wrapper">
							<div class="swiper-slide">
								<img class="img_b" src="./static/img/c4.png" alt="">
							</div>
							<div class="swiper-slide">
								<img class="img_b" src="./static/img/c4.png" alt="">
							</div>
							<div class="swiper-slide">
								<img class="img_b" src="./static/img/c4.png" alt="">
							</div>
						</div>
						<!-- Add Pagination -->
						<div class="swiper-pagination"></div>
					</div>
				</div>
				<div class="tabbable container">
					<div class="row">
						<div class="col-md-8 col-xs-8">
							<ul class="pa_t nav nav-tabs row">
								<li class="active ">
									<div id="tab_t_sq" class="tab_t">
										<a href="#tab1" data-toggle="tab">
											最新动态</a>
									</div>

								</li>
								<li class="">
									<div id="" class="tab_t">
										<a href="#tab2" data-toggle="tab">社区报告</a>
									</div>
								</li>
							</ul>
						</div>
						<style type="text/css">
							.ckqb {
								width: 7em;
								height: 2em;
								background-color: #FFFFFF;
								border: 1px solid #cecece;
								color: #cecece;
								border-radius: 5em;
								font-size: 0.85em;
								text-align: center;
								line-height: 1.7em;
								margin: auto;
								margin-top: 0.8em;
							}

							.nav-tabs {
								border-bottom: 0px !important;
							}
							.line-hr{
								border-bottom: 1px solid #eaeaea;
							}
							.card-text{
								margin-bottom: 0.6em;
							}
							.imgq{
								width: 1.3em;
								height: 1.1em;
							}
							.card-text-2{
								color: #898989;
							}
							.card-title{
								color: #353535 !important;
							}	</style>
						<div class="col-md-4 col-xs-4">
							<div id="" class="ckqb">
								查看全部
							</div>
						</div>
					</div>
					<div class="tab-content">
						<div class="tab-pane  active active2 " id="tab1">
							<div class="card line-hr">
							  <div class="card-body">
							    <h5 class="card-title">周扬青怒斥罗志祥劈腿</h5>
							    <p class="card-text card-text-2">
									<span><img class="imgq" src="static/img/3_07.jpg" ></span>&nbsp;<span>13</span>&nbsp;
									<span><img class="imgq" src="static/img/3_09.jpg" ></span>&nbsp;<span>13</span>&nbsp;
									<span><img class="imgq" src="static/img/3_11.jpg" ></span>&nbsp;<span>13</span>&nbsp;
									<span><img class="imgq" src="static/img/3_13.jpg" ></span>&nbsp;<span>13</span>&nbsp;
								</p>
							    <p class="card-text-2">2020-5-8</p>
							  </div>
							</div>
							<div class="card line-hr">
							  <div class="card-body">
							    <h5 class="card-title">html中DOM解析获取子元素节点如何忽略空白</h5>
							    <p class="card-text card-text-2">
									<span><img class="imgq" src="static/img/3_07.jpg" ></span>&nbsp;<span>13</span>&nbsp;
									<span><img class="imgq" src="static/img/3_09.jpg" ></span>&nbsp;<span>13</span>&nbsp;
									<span><img class="imgq" src="static/img/3_11.jpg" ></span>&nbsp;<span>13</span>&nbsp;
									<span><img class="imgq" src="static/img/3_13.jpg" ></span>&nbsp;<span>13</span>&nbsp;
								</p>
							    <p class="card-text-2">2020-5-8</p>
							  </div>
							</div>
							<div class="card line-hr">
							  <div class="card-body">
							    <h5 class="card-title">谭德塞称新冠将与人类长期共存</h5>
							    <p class="card-text card-text-2">
									<span><img class="imgq" src="static/img/3_07.jpg" ></span>&nbsp;<span>13</span>&nbsp;
									<span><img class="imgq" src="static/img/3_09.jpg" ></span>&nbsp;<span>13</span>&nbsp;
									<span><img class="imgq" src="static/img/3_11.jpg" ></span>&nbsp;<span>13</span>&nbsp;
									<span><img class="imgq" src="static/img/3_13.jpg" ></span>&nbsp;<span>13</span>&nbsp;
								</p>
							    <p class="card-text-2">2020-5-8</p>
							  </div>
							</div>
							<div class="card line-hr">
							  <div class="card-body">
							    <h5 class="card-title">美国2html中DOM解析获取子元素节点如何忽略空白</h5>
							    <p class="card-text card-text-2">
									<span><img class="imgq" src="static/img/3_07.jpg" ></span>&nbsp;<span>13</span>&nbsp;
									<span><img class="imgq" src="static/img/3_09.jpg" ></span>&nbsp;<span>13</span>&nbsp;
									<span><img class="imgq" src="static/img/3_11.jpg" ></span>&nbsp;<span>13</span>&nbsp;
									<span><img class="imgq" src="static/img/3_13.jpg" ></span>&nbsp;<span>13</span>&nbsp;
								</p>
							    <p class="card-text-2">2020-5-8</p>
							  </div>
							</div>
							<div class="card line-hr">
							  <div class="card-body">
							    <h5 class="card-title">原阳县委书记就记者被打致歉</h5>
							    <p class="card-text card-text-2">
									<span><img class="imgq" src="static/img/3_07.jpg" ></span>&nbsp;<span>13</span>&nbsp;
									<span><img class="imgq" src="static/img/3_09.jpg" ></span>&nbsp;<span>13</span>&nbsp;
									<span><img class="imgq" src="static/img/3_11.jpg" ></span>&nbsp;<span>13</span>&nbsp;
									<span><img class="imgq" src="static/img/3_13.jpg" ></span>&nbsp;<span>13</span>&nbsp;
								</p>
							    <p class="card-text-2">2020-5-8</p>
							  </div>
							</div>
							<div class="card line-hr">
							  <div class="card-body">
							    <h5 class="card-title">javascript遍历节点时打印空白节点怎么办</h5>
							    <p class="card-text card-text-2">
									<span><img class="imgq" src="static/img/3_07.jpg" ></span>&nbsp;<span>13</span>&nbsp;
									<span><img class="imgq" src="static/img/3_09.jpg" ></span>&nbsp;<span>13</span>&nbsp;
									<span><img class="imgq" src="static/img/3_11.jpg" ></span>&nbsp;<span>13</span>&nbsp;
									<span><img class="imgq" src="static/img/3_13.jpg" ></span>&nbsp;<span>13</span>&nbsp;
								</p>
							    <p class="card-text-2">2020-5-8</p>
							  </div>
							</div>
							<div class="card line-hr">
							  <div class="card-body">
							    <h5 class="card-title">原阳县委书记就记者被打致歉</h5>
							    <p class="card-text card-text-2">
									<span><img class="imgq" src="static/img/3_07.jpg" ></span>&nbsp;<span>13</span>&nbsp;
									<span><img class="imgq" src="static/img/3_09.jpg" ></span>&nbsp;<span>13</span>&nbsp;
									<span><img class="imgq" src="static/img/3_11.jpg" ></span>&nbsp;<span>13</span>&nbsp;
									<span><img class="imgq" src="static/img/3_13.jpg" ></span>&nbsp;<span>13</span>&nbsp;
								</p>
							    <p class="card-text-2">2020-5-8</p>
							  </div>
							</div>
							<div class="card line-hr">
							  <div class="card-body">
							    <h5 class="card-title">html中DOM解析获取子元素节点如何忽略空白</h5>
							    <p class="card-text card-text-2">
									<span><img class="imgq" src="static/img/3_07.jpg" ></span>&nbsp;<span>13</span>&nbsp;
									<span><img class="imgq" src="static/img/3_09.jpg" ></span>&nbsp;<span>13</span>&nbsp;
									<span><img class="imgq" src="static/img/3_11.jpg" ></span>&nbsp;<span>13</span>&nbsp;
									<span><img class="imgq" src="static/img/3_13.jpg" ></span>&nbsp;<span>13</span>&nbsp;
								</p>
							    <p class="card-text-2">2020-5-8</p>
							  </div>
							</div>
							<div class="card line-hr">
							  <div class="card-body">
							    <h5 class="card-title">qqqqqqq原阳县委书记就记者被打致歉</h5>
							    <p class="card-text card-text-2">
									<span><img class="imgq" src="static/img/3_07.jpg" ></span>&nbsp;<span>13</span>&nbsp;
									<span><img class="imgq" src="static/img/3_09.jpg" ></span>&nbsp;<span>13</span>&nbsp;
									<span><img class="imgq" src="static/img/3_11.jpg" ></span>&nbsp;<span>13</span>&nbsp;
									<span><img class="imgq" src="static/img/3_13.jpg" ></span>&nbsp;<span>13</span>&nbsp;
								</p>
							    <p class="card-text-2">2020-5-8</p>
							  </div>
							</div>
							<div style="height: 3.8em;">
								
							</div>
						</div>
						<div class="tab-pane active2" id="tab2">
							<div class="card line-hr">
							  <div class="card-body">
							    <h5 class="card-title">年终总结感谢领导同事_新浪重庆_新浪网</h5>
							    <p class="card-text card-text-2">
									<span><img class="imgq" src="static/img/3_07.jpg" ></span>&nbsp;<span>13</span>&nbsp;
									<span><img class="imgq" src="static/img/3_09.jpg" ></span>&nbsp;<span>13</span>&nbsp;
									<span><img class="imgq" src="static/img/3_11.jpg" ></span>&nbsp;<span>13</span>&nbsp;
									<span><img class="imgq" src="static/img/3_13.jpg" ></span>&nbsp;<span>13</span>&nbsp;
								</p>
							    <p class="card-text-2">2020-5-8</p>
							  </div>
							</div>
							<div class="card line-hr">
							  <div class="card-body">
							    <h5 class="card-title">2013年终总结——感谢领导的话_经典的话_短文学</h5>
							    <p class="card-text card-text-2">
									<span><img class="imgq" src="static/img/3_07.jpg" ></span>&nbsp;<span>13</span>&nbsp;
									<span><img class="imgq" src="static/img/3_09.jpg" ></span>&nbsp;<span>13</span>&nbsp;
									<span><img class="imgq" src="static/img/3_11.jpg" ></span>&nbsp;<span>13</span>&nbsp;
									<span><img class="imgq" src="static/img/3_13.jpg" ></span>&nbsp;<span>13</span>&nbsp;
								</p>
							    <p class="card-text-2">2020-5-8</p>
							  </div>
							</div>
							<div class="card line-hr">
							  <div class="card-body">
							    <h5 class="card-title">工作总结感谢同事 - 范文中心</h5>
							    <p class="card-text card-text-2">
									<span><img class="imgq" src="static/img/3_07.jpg" ></span>&nbsp;<span>13</span>&nbsp;
									<span><img class="imgq" src="static/img/3_09.jpg" ></span>&nbsp;<span>13</span>&nbsp;
									<span><img class="imgq" src="static/img/3_11.jpg" ></span>&nbsp;<span>13</span>&nbsp;
									<span><img class="imgq" src="static/img/3_13.jpg" ></span>&nbsp;<span>13</span>&nbsp;
								</p>
							    <p class="card-text-2">2020-5-8</p>
							  </div>
							</div>
							<div class="card line-hr">
							  <div class="card-body">
							    <h5 class="card-title">年终总结 感谢员工与年终总结·2017合集 - 道客巴巴</h5>
							    <p class="card-text card-text-2">
									<span><img class="imgq" src="static/img/3_07.jpg" ></span>&nbsp;<span>13</span>&nbsp;
									<span><img class="imgq" src="static/img/3_09.jpg" ></span>&nbsp;<span>13</span>&nbsp;
									<span><img class="imgq" src="static/img/3_11.jpg" ></span>&nbsp;<span>13</span>&nbsp;
									<span><img class="imgq" src="static/img/3_13.jpg" ></span>&nbsp;<span>13</span>&nbsp;
								</p>
							    <p  class="card-text">2020-5-8</p>
							  </div>
							</div>
							<div class="card line-hr">
							  <div class="card-body">
							    <h5 class="card-title">佟丽娅大口吃饭惊现双下巴 下班携爱子回家互动超有爱</h5>
							    <p class="card-text card-text-2">
									<span><img class="imgq" src="static/img/3_07.jpg" ></span>&nbsp;<span>13</span>&nbsp;
									<span><img class="imgq" src="static/img/3_09.jpg" ></span>&nbsp;<span>13</span>&nbsp;
									<span><img class="imgq" src="static/img/3_11.jpg" ></span>&nbsp;<span>13</span>&nbsp;
									<span><img class="imgq" src="static/img/3_13.jpg" ></span>&nbsp;<span>13</span>&nbsp;
								</p>
							    <p class="card-text-2">2020-5-8</p>
							  </div>
							</div>
							<div class="card line-hr">
							  <div class="card-body">
							    <h5 class="card-title">甄子丹为老婆汪诗诗庆生 晒全家合影画面温馨幸福</h5>
							    <p class="card-text card-text-2">
									<span><img class="imgq" src="static/img/3_07.jpg" ></span>&nbsp;<span>13</span>&nbsp;
									<span><img class="imgq" src="static/img/3_09.jpg" ></span>&nbsp;<span>13</span>&nbsp;
									<span><img class="imgq" src="static/img/3_11.jpg" ></span>&nbsp;<span>13</span>&nbsp;
									<span><img class="imgq" src="static/img/3_13.jpg" ></span>&nbsp;<span>13</span>&nbsp;
								</p>
							    <p class="card-text-2">2020-5-8</p>
							  </div>
							</div>
							<div class="card line-hr">
							  <div class="card-body">
							    <h5 class="card-title">女排联赛最佳阵容揭晓：天津5人入围 朱婷当选MVP</h5>
							    <p class="card-text card-text-2">
									<span><img class="imgq" src="static/img/3_07.jpg" ></span>&nbsp;<span>13</span>&nbsp;
									<span><img class="imgq" src="static/img/3_09.jpg" ></span>&nbsp;<span>13</span>&nbsp;
									<span><img class="imgq" src="static/img/3_11.jpg" ></span>&nbsp;<span>13</span>&nbsp;
									<span><img class="imgq" src="static/img/3_13.jpg" ></span>&nbsp;<span>13</span>&nbsp;
								</p>
							    <p class="card-text-2">2020-5-8</p>
							  </div>
							</div>
							<div class="card line-hr">
							  <div class="card-body">
							    <h5 class="card-title">此矿产比稀土还值钱！我国储量全球第一，价值高达上千..</h5>
							    <p class="card-text card-text-2">
									<span><img class="imgq" src="static/img/3_07.jpg" ></span>&nbsp;<span>13</span>&nbsp;
									<span><img class="imgq" src="static/img/3_09.jpg" ></span>&nbsp;<span>13</span>&nbsp;
									<span><img class="imgq" src="static/img/3_11.jpg" ></span>&nbsp;<span>13</span>&nbsp;
									<span><img class="imgq" src="static/img/3_13.jpg" ></span>&nbsp;<span>13</span>&nbsp;
								</p>
							    <p class="card-text-2">2020-5-8</p>
							  </div>
							</div>
							<div class="card line-hr">
							  <div class="card-body">
							    <h5 class="card-title">qqqqqqq原阳县委书记就记者被打致歉</h5>
							    <p class="card-text card-text-2">
									<span><img class="imgq" src="static/img/3_07.jpg" ></span>&nbsp;<span>13</span>&nbsp;
									<span><img class="imgq" src="static/img/3_09.jpg" ></span>&nbsp;<span>13</span>&nbsp;
									<span><img class="imgq" src="static/img/3_11.jpg" ></span>&nbsp;<span>13</span>&nbsp;
									<span><img class="imgq" src="static/img/3_13.jpg" ></span>&nbsp;<span>13</span>&nbsp;
								</p>
							    <p class="card-text-2">2020-5-8</p>
							  </div>
							</div>
							<div style="height: 3.8em;">
								
							</div>
						</div> 
					</div>
				</div>

			</div>



			<!-- Swiper JS -->


			<!-- Initialize Swiper -->
			<!-- Initialize Swiper -->
			<script>
				var swiper = new Swiper('.swiper-container', {
					pagination: '.swiper-pagination',
					paginationClickable: true,
					loop: true, // 循环模式选项
					autoHeight: true
				});
			</script>

		</div>

		<div id="menu" class="menu">
			<div id="one" class="subMenu text-center" data-src="shouye.html">
				<img class="menu_img" src="static/img/sy3.svg">
				<div class="menu_name"><span style="color: #ef8329;">首页</span></div>
			</div>
			<div id="two" class="subMenu text-center" data-src="liebiao.html">
				<a href="shequ.html">
				<img class="menu_img" src="static/img/qz.svg">
				<div class="menu_name"><span style="color: black;">新闻</span></div></a>
			</div>
			<style type="text/css">
				#three{
					width: 4em;
					height: 4em;
					background-color: #FFFFFF;
					/* position: fixed;
					bottom: 2em !important; */
				}
				#three_2{
					width: 4em;
					height: 4em;
					
					position: fixed;
					bottom: 1em !important;
					margin-left: 40%;
					border-radius: 2em;
				}
				#three_2>img{
					width: 3.5em;
					height:3.5em;
				}
			</style>
			<div id="three" class="subMenu text-center" data-src="fabu.html">
				<img class="menu_img" src="static/img/addbai.svg">
				<div class="menu_name">发布 </div>
			</div>
			<div id="three_2" class="subMenu text-center" data-src="fabu.html">
				<img class="menu_img" src="static/img/add.svg">
				<!-- <div class="menu_name">发布 </div> -->
			</div>
			<div id="four" class="subMenu text-center" data-src="qz.html">
				<a href="xinxi.html">
				<img class="menu_img" src="static/img/sy.svg">
				<div class="menu_name">信息</div>
				</a>
			</div>
			<div id="five" class="subMenu text-center" data-src="wd.html">
				<a href="my_2.html">
				<img class="menu_img" src="static/img/my.svg">
				<div class="menu_name">我的</div>
			</a>
			</div>
			</div>

			<script>
				$(document).ready(function() {
					
				});

				/*content高度*/
				function initSize() {
					var height = $(window).height() - $("header").height() - $("#description").height() - $("#menu").height();
					$("#content").height(height + "px");
				}
			</script>

	</body>
</html>
